<template lang="pug">
#app
  h1 Vue
  br
  span BTS
  h2 Electron
  h3 Flutter
  button(@click="onClickMe") click me
  hr
  #red
    span this is red
</template>

<script lang="ts">
import Vue from "vue";
export default Vue.extend({
  mounted() {
    console.log("[mounted]");
  },
  activated() {
    console.log("[activated]");
  },
  methods: {
    onClickMe(e: MouseEvent) {
      e.preventDefault();
      e.stopPropagation();
      alert("Elegant");
    },
  },
});
</script>

<style lang='scss'>
#app {
  height: 100vh;
  background: gold;
}
#red {
  color: red;
  background: green;
}
</style>